@import "mixins/text-overflow";
@import "base";
@import "mixins/image";
ul,li{ list-style-type:none;padding:0;margin:0;}
div{ box-sizing: border-box; }

html{ background:#f0f0f0;}
body{ font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}

.wrapper{ min-width: 959px;}
.img-responsive{ max-width:205px;height:auto;}
.timepicker{ 
  tbody tr td:nth-child(4)>span{ 
    display:none;
  }
}
/***颜色选择器***/
.evo-pop{
  display:none;
  background-color:#fff;
  border:1px solid #ccc;
  position:absolute;
  top:35px;
  min-width:212px;
  .ui-widget-content,.evo-more{
    font-size:0;
  }
  .evo-color{
    display:none;
  }
}

.video{ background-color:#bca9a2;color:#fff;}
.news{ background-color:#68c986;color:#fff;}
.tuji{ background-color:#a988e1;color:#fff;}
.outlink{ background-color:#8dc9fb;color:#fff;}

.iframe{overflow:hidden;}

/***flex***/
.flex-item{
  display:flex;
  display:-webkit-flex;
  display:-ms-flex;
}
.flex-one{
  flex:1;
  -webkit-flex:1;
  -ms-flex:1;
}

.line2-overflow{ display: -webkit-box;overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hg-flex{ display: -webkit-box;display: box; display: -webkit-flex; display: -ms-flexbox;display: flex;}
.hg-flex-center{    -webkit-box-align: center;box-align: center;  -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.hg-justify-center{-webkit-box-pack: center;box-pack: center; -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}

/***记数器***/
.count-wrap{
  position:absolute; color: #999;top:55px;
  &.num-warn{
    color:#fa0d23;
  }
}

/*****编辑器****/
.ueditor-wrap{
  .edui-default .edui-toolbar .edui-button .edui-icon, .edui-default .edui-toolbar .edui-menubutton .edui-icon, .edui-default .edui-toolbar .edui-splitbutton .edui-icon{
   background:no-repeat center 0;
  @include img-retina( '../../images/mxu/news/edit_icon.png', '../../images/mxu/news/edit_icon-2x.png',19px, 1062px);
  }
  .edui-default .edui-toolbar .edui-for-undo .edui-icon{ background-position:center -36px;}
  .edui-default .edui-toolbar .edui-for-redo .edui-icon{ background-position:center -72px;}
  .edui-default .edui-toolbar .edui-for-bold .edui-icon{ background-position:center -108px;}
  .edui-default .edui-toolbar .edui-for-italic .edui-icon{ background-position:center -144px; }
  .edui-default .edui-toolbar .edui-for-underline .edui-icon{ background-position:center -180px; }
  .edui-default .edui-toolbar .edui-for-indent .edui-icon{background-position:center -907px; }
  .edui-default .edui-toolbar .edui-for-forecolor .edui-icon{ background-position:center -251px;}
  .edui-default .edui-toolbar .edui-for-insertorderedlist .edui-icon{ background-position:center -287px;}
  .edui-default .edui-toolbar .edui-for-justifyleft .edui-icon{ background-position:center -356px; }
  .edui-default .edui-toolbar .edui-for-justifycenter .edui-icon{ background-position:center -391px;}
  .edui-default .edui-toolbar .edui-for-justifyright .edui-icon{ background-position:center -426px;}
  .edui-default .edui-toolbar .edui-for-fullscreen .edui-icon{ background-position:center -530px; }
}
.edui-default .edui-editor,.edui-default .edui-editor-toolbarbox,.edui-default .edui-editor-toolbarboxouter{border-radius:0!important;box-shadow:none!important;}
.edui-default .edui-toolbar .edui-button.edui-for-attach .edui-icon{background-position:center -727px;}
.edui-default .edui-toolbar .edui-button.edui-for-water .edui-icon{width:24px!important;background-position:-753px -74px!important;}
.edui-default .edui-toolbar .edui-button.edui-for-refer .edui-icon{width:23px!important;background-position:center -978px;}
.edui-default .edui-toolbar .edui-button.edui-for-m2o_pagebreak .edui-icon{width:22px!important;background-position:center -835px;}
.edui-default .edui-toolbar .edui-button.edui-for-m2o_auto_pagebreak .edui-icon{width:22px!important;background-position:center -799px;}
.edui-default .edui-toolbar .edui-button.edui-for-pizhu .edui-icon{background-position:center -763px;}
.edui-default .edui-toolbar .edui-button.edui-for-office .edui-icon{background-position:-809px -74px!important;}
.edui-default .edui-toolbar .edui-button.edui-for-imglocal .edui-icon{background-position:center -871px;}
.edui-default .edui-toolbar .edui-button.edui-for-removetag .edui-icon{background-position:center -216px;}
.edui-default .edui-toolbar .edui-button.edui-for-imgmanage .edui-icon{width:22px!important;background-position:center -494px!important;}
.edui-default .edui-toolbar .edui-button.edui-for-book .edui-icon{background-position:center -943px;}
.edui-default .edui-toolbar .edui-for-book{ float: right;}

.edui-default .edui-editor-toolbarboxouter{background-image:none!important;}
.edui-default .edui-toolbar .edui-button .edui-state-hover .edui-button-wrap{background:#eee!important;border:1px solid #eee!important;}
.edui-default .edui-toolbar .edui-state-hover .edui-combox-body{background:#eee!important;}
.edui-default .edui-toolbar .edui-combox-body .edui-arrow{border:0!important;}
.edui-default .edui-toolbar .edui-splitbutton .edui-state-hover .edui-splitbutton-body, .edui-default .edui-toolbar .edui-menubutton .edui-state-hover .edui-menubutton-body{
  background:#eee!important;border:1px solid #eee!important;
}
.edui-default .edui-toolbar .edui-button .edui-state-checked .edui-button-wrap{
  background:#eee!important;border:1px solid #eee!important;
}
/***表单页公用头部***/
.new-title{
    height:48px;border-bottom:1px solid #ededed;
    position:relative;z-index:20;
    input{
      height:40px;font-size:24px;width:100%;
      padding:10px 0;border:0px;@include text-overflow();
    }
    .count-wrap{ right: 127px!important;}
    .title-wrap{ padding:0;}
    .head-btn-wrap{
      min-width: 226px;padding:0;padding-top:8px;
      display:inline-block;float:right;
      .top-btn{
        height:30px;width:70px;min-width:70px;
        line-height:28px;padding:0;
        background: #EDEEEF;
        color: #969798;
        border-width: 0;
        box-shadow: none;
        border:1px solid transparent;
        font-size:$fs13;
        &.active{
          border:1px solid $themeGreen;
          color:$themeGreen;
          box-shadow:none;
          background:#fff;
        }
      }
      .color-item{
        height:30px;width:30px;display:inline-block;
        vertical-align:top;cursor:pointer;
        border: 1px solid #eee;
        box-shadow: 0 0 0 3px #fff inset;
      }
      .font-item{
        background:no-repeat center -105px;font-size:0;
        @include img-retina( '../../images/mxu/news/edit_icon.png', '../../images/mxu/news/edit_icon-2x.png',19px, 1062px);
        height:30px;width:30px;display:inline-block;
        line-height:30px;text-align:center;border:1px solid #eee;
        vertical-align:top;cursor:pointer;border-radius:3px;font-weight:600;
        &.i-item{ background-position:center -140px;}
      }
       .fouces{background-color: #EDEEEF;}
    }
}




/***表单页公用底部***/
.footer_form{
  .form-control{border-width: 0;border-bottom: 1px solid #eee; padding: 8px 10px 0;}
  input{border-width:0;color:#48494A;width:100%;border-bottom:1px solid #eee;@include text-overflow()}
  .form-item{
    width:100%;border-bottom:1px solid #eee;min-height:38px;padding: 8px 10px 0;cursor:pointer;
  }  
  .form-pop{
    display:inline-block;font-size:$fs14;padding:0px 8px;border:1px solid #eee;border-radius:4px;
    margin: 0 5px 8px 0;background:#eee;
    &:hover{
      border-color:$themeGreen;
    }
  }
  .list-point{
    position:absolute;top:23px;left:0;height:35px;width:100%;@include text-overflow();z-index:6;
  }
  .popover-content{ padding:4px 14px;}
  .md-form-group input{ cursor:pointer;opacity: 1;}
}


/*** 侧边样式  **/
.minHight{min-height:625px;}
.side_form{
  .icon-tianjia{    font-size: 12px; color: #666;}
  width:240px;margin-left:20px;font-size:$fs12;background:#fff;min-width:240px;
  .tip-item{ font-size:$fs12;color:#999;position:absolute;top:42px;left:0;}
  .switch-label{height: 28px; line-height: 28px; margin: 0;}
  .m-b-40{margin-bottom:40px;}
  .box{margin-bottom:0;  box-shadow: none;}
  .fileGroup{width:100%;margin:0 auto;}
   .tuji-fileUp{width: 100%; height: 130px;text-align:center;position:relative; overflow:hidden;  border: 2px dashed #EDEEEF;
     input[type="file"]{width: 100%; height: 130px; padding: 0;opacity: 0.000001;color:#777;position:absolute;top:0;left:0;  cursor: pointer;}
     .img-box{width: 100%;height: 100%; background-size: contain!important;}
     &:hover{
       .img-item{ display:block;}
     }
   }
  .img-item{ width:100%;height:100%;position:absolute;top:0;left:0;display:none;background:rgba(0,0,0,.2);font-size:$fs14;
    .fileUpTip{border:0;color:#fff;}
   }
  
  .fileUpTip{ top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;color: #999; text-align: center; line-height: 130px;}
  .watermark{font-size:12px;color:#474849;margin-top: 5px;
    span{
      opacity: 0.5;
    }
  }
  .form-group{position:relative;
    &:hover{
      .m-b-0{
        color:#0cc2aa;
      }
      .form-control{
        border-color:#0cc2aa;border-bottom-width:2px;
        
      }
    }
  }
  .form-group>label{ font-size:13px;color:#666;}
  textarea{border-width:0;border-bottom:1px solid #eee;resize:none;padding-top: 0px !important;height: 80px;font-size:$fs12;}
  ::-webkit-input-placeholder{color:#999;font-size:12px;}
  .form-control{
    border-width: 0;padding: 10px 2px 0;
    border-bottom: 1px solid #eee;
    input{border-width:0;width:100%;@include text-overflow();}
  }
  .form-time{
    input{width:100%}
    .datepicker{
      &.bottom-left{}
    }
  }
  .keyList{ position:relative;z-index:1;
    li{list-style:none;line-height:20px; display: inline-block;  padding: 0 6px;border: 1px solid #eee; border-radius: 3px; background: #ECEDEE;}
    .btn-ico{width: 22px;height: 22px;line-height: 16px;text-align: center;border:0;border-radius:4px;background: #ECEDEE;
      vertical-align: top;font-size:$fs16;padding:0;
    }
    .inlineBlock{ position:absolute;width:100%;left:0;top:23px;@include text-overflow();z-index:6;
      .icon-tianjia{ color:#aaa;  font-size: 14px;}
      .icon-guanbi{ font-size:14px;vertical-align: middle;cursor:pointer;  color: #aaa;}
    }
    .delKey{ cursor:pointer;height:20px;width:12px;vertical-align:top;}
    .input-item{ width:80px;}
    &:hover{
      .arrow-item{
        display:block;
      }
    }
    .arrow-item{ position:absolute;top:65px;left:0;background:#fff;z-index:10;box-shadow: 0px 0px 1px 1px #eee;
      width:100%;display:none;
      li{ margin:3px;}
      .box-body{
        padding:10px;
      }
    }
  }
  
  .count-wrap{
    font-size:12px;
  }
  .float-label .md-input.ng-dirty ~ label, .float-label .md-input.has-value ~ label{ font-size: $fs13;}
  .float-label .md-input ~ label{font-size: $fs13;}
  .inputFocues{
    label{color:$themeGreen;  opacity: 1;}
    .md-input{ border-bottom: 2px solid $themeGreen;  opacity: 1;}
    .input-item{border:1px solid $themeGreen}
  }
}


/********头像********/
.avatar{background:#eee;}
.avatar i{border:0;}



/********公共按钮********/
.eidt_icon{
    background: #81C983 url("../../images/mxu/live/edit_icon.png") 4px 3px no-repeat; width: 18px; height: 18px;border-radius: 3px;
}
.del_icon{
    background: #81C983 url("../../images/mxu/live/edit_icon.png") 4px -18px no-repeat; width: 18px; height: 18px;border-radius: 3px;
}

.fa-remove:before, .fa-times:before{ content:'';height:20px;width:15px;display:block; background:url('../../images/mxu/mxu_icon.png') center -17px;background-size:20px;}

.primary-btn{ color:#fff;background:$themeGreen;font-size:$fs12;padding:7px 15px;min-width:68px;  cursor: pointer; border-radius: 3px;
  &:hover{
    background :$themeDarkGreen;   box-shadow: none!important;color:#fff;
  } 
}
.cancel-btn{ min-width: 68px;border: 1px solid #eee; height: 32px;font-size: $fs12;color: #2C2D30; background: #fff; cursor: pointer;  border-radius: 3px;
  &:hover{
    background :$hoverCancel;border-color:$hoverCancel;    box-shadow: none!important;color:#333;
  } 
}
.del-btn{height: 32px; min-width: 68px;background: $themeRed;font-size: $fs12;color:#fff;  cursor: pointer;  border-radius: 3px;border-width:0!important;
  &:hover{
    background :$themeDarkRed;border-color:$themeDarkRed;    box-shadow: none!important;
  }
}
.btn-purple{ height: 32px; font-size: $fs12;background: $themeBlue2;color:#fff; cursor: pointer;min-width:68px; border-radius: 3px;
  &:hover{
    background :$themeDarkBlue2;border-color:$themeDarkBlue2;  box-shadow: none!important;
  }
}
.btn-comment{ height: 32px;background: #fff; border: 1px solid #eee;font-size: $fs12;box-shadow: none!important;cursor: pointer;min-width:68px; border-radius: 3px;
  &:hover{
    background :$themeDarkGreen2;border-color:$themeDarkGreen2;  box-shadow: none!important;color:#fff;
  }
}
.btn-sure{ min-width: 68px;border: 1px solid #eee; height: 32px;font-size: $fs12;color: #2C2D30; background: #fff; cursor: pointer; border-radius: 3px;
  &:hover{
    background :#f44455;border-color:none;  box-shadow: none!important;color:#fff;
  }
}

.md-input:focus, .md-input.focus{border-color: $themeGreen;}
.md-input:focus ~ label, .md-input.focus ~ label{ color:$themeGreen;}
.side_form .form-group:hover .m-b-0{color:$themeGreen;}
.side_form .form-group:hover .form-control{border-color: $themeGreen;}

/**********栏目************/
.lanmu-wrap{
  color:#666;
  .lanmu-header{height: 30px;margin-left: -6px;
    label{height: 40px;padding: 0 ;text-align: center;line-height: 40px;}
    .list{border: 1px solid #eee;height: 40px;border-radius: 0;line-height: 40px;padding: 0 10px;}
    .list-item{    height: 24px; padding: 0 5px; display: inline-block;font-size: 12px; margin: 5px; background: #EDEEEF; border-radius: 3px;line-height:24px;color: #333;
      .icon-guanbi{ position: relative;top: 1px;color: #9C9D9E;}
      &:last-child { background: #6483FF;color:#fff;
        .icon-guanbi{ color: #fff;}
      }
    }
  
  }
  .lanmu-nav{ padding: 0 8px;}
  .lanmu-item{ border: 1px solid #eee;padding: 13px 20px 50px;}  
  .nav-item {border: 1px solid #eee;border-bottom: none;
     &:last-child { background: #6483FF;color:#fff;}
  }
  .title{ color: #6582FF;}
  .lanmu-name{cursor: pointer; display: inline-block; padding: 5px 0;}
  .nav-link{border: none;}
  .checked-bar{ margin-bottom: 20px; border: 1px solid #eee;padding: 0 5px; min-height: 36px;
    .column_name{ border-radius: 3px;display: inline-block;font-size: 12px;  }
  }
  .icon-tianjia{ color: #333;}
}

/***********重置switch按钮************/
.ui-switch{
    input[ type='checkbox']{
      margin:0;position:absolute;float:right
    }
  }
/***********checkbox************/
input[type="radio"],input[type="checkbox"]{
  margin-right:6px;margin-top:-3px;cursor:pointer; vertical-align:middle;  background-color: #fff; 
  height:18px;width:18px;position:relative;
  border-radius:0px;-webkit-appearance:none;
  display: inline-block;border:1px solid #ccc;
}
input[type="radio"]{
    border-radius: 50%;
}
input[type="checkbox"]{ width: 14px!important;;height: 14px; border-radius: 3px;  cursor: pointer;}
input[type="checkbox"]:checked{background:$themePurple;border-color:$themePurple;}
input[type="checkbox"]:checked:after{
    width: 9px;height: 5px;border: 2px solid #fff;border-top: none;border-right: none;
  display: block;content: "";transform: rotate(-45deg) scale(1) skew(0) translate(-1px, 7px);
    position:absolute;top:-3px;left:-3px;
}
input[type="radio"]:focus,input[type="checkbox"]:focus,btn:focus{outline:none;outline-offset:0px;}
label{font-weight:normal;cursor:pointer;}
input[type="radio"]:checked{background-color: $themePurple; border:0}
input[type="radio"]:checked:after{
  display: block;content: "";
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #fff;
   position:absolute;
  top: 6px;
  left: 6px;
  border: 0;
}

/******成功提示框******/
.alert{
  margin-bottom:0;
}

/********弹框**********/
.modal-body{
  min-height:200px;
  padding: 20px;
}
.modal-content{
  .modal-header{
    padding:0;height:55px;line-height:55px;
  }
  .modal-title{
    font-size:$fs16;font-weight:normal;line-height: 55px;padding:0 20px;
    border-color:#eee;
  }
  .auth-tip{ padding-top:50px;text-align:center;}
  .main-wrap{ width:105px;height:165px;margin:0 auto;margin-top:30px;position:relative;text-align:center;
    .img-box{ height:100px;width:100px;border-radius:50%;background:#f9f9f9;}
    img{height:100%;width:100%;border-radius:50%;}
    .icon-touxiang{ font-size:50px;position:absolute;top:22px;left:22px;color:#fff;}
    .uploading-item{padding:9px;border-radius:4px;border:1px solid #eee;font-size:$fs12;position:relative;
      margin-top:18px;
    }
    .errorWrap{font-size:$fs14;height:30px;line-height:30px;margin-top:7px;}
    .avater-upload{position:absolute;top:0;left:0;width:100%;height:100%;display:block;opacity:0;cursor:pointer;}
  }
}
.modal-footer{
  padding:20px;
  .cancel-btn{margin-left: 13px!important;}
}
/********更换头像**********/
.avatar-wrap{
  .modal-dialog,.modal-content{width:450px;}
  .modal-body{height:250px;}
}


/** 更换密码 **/
.password-wrap{
  .modal-dialog,.modal-content{width:450px;}
  .modal-body{height:186px; min-height: 186px; padding: 20px 70px;}

  .form-group{ display: -webkit-box;display: flex;-webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;-webkit-align-items: center;
    align-items: center;-webkit-justify-content: space-between;
    justify-content: space-between;
    &:last-child{ margin-bottom: 0; align-items: stretch;-webkit-align-items: stretch;}
    span{ color: #E05361;}
  }
  .form-control-label{ text-align: right; width: 82px;}
  .input_box{ width: 220px;}

  .error-tip{ display: inline-block; min-width: 80px;color: #fd0107;text-align: center; position: relative;
    font-size: 12px;  height: 25px; line-height: 25px; background: rgba(253, 1, 7, 0.1);
    padding: 0 10px;border-radius: 2px;
    &:before{
      content: '';  display: block;  height: 5px;  width: 10px;  border: 5px solid rgba(253, 1, 7, 0.1);
      border-top: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  position: absolute;
      top: -5px;  right: 50%;  margin-right: -5px;
    }
  }
}


.errorWrap{
  height:40px;font-size:$fs18; color :#fe0226;margin-top:30px;
  line-height:40px;text-align:center;
}

.datepicker{
  margin-left:-20px;
}

/******conform*******/

.conformModal{
  > .modal-dialog{
    width: 380px;
    height: 220px;
    //margin:0 auto;
    .tip_modal{width: 380px;}
    .icon-tixing{font-size: 20px;color: #F45463; position: relative;top: 4px;left: -10px;}
    .modal-footer{padding: 16px 20px;}
    .modal-body{
      padding: 21px;
      height: inherit;
      min-height: inherit !important;
    }
    .bounce{
      -webkit-animation: bounceIn 0.5s;
      animation: bounceIn 0.5s;
    }
    p{ margin-top:1rem;}
  }
}

/********公共字体********/
.text-muted{ color:#999;opacity:1;}
/**********左侧样式*********/
@media (min-width: 1200px){
  .nav-stacked{
   li{ height:55px;line-height:55px;margin-bottom:10px;line-height: normal;}
    a{ padding:8px 0;height:55px;}
  }
}
@media (min-width: 992px){
  .app-aside:not(.hide) ~ .app-content {
    margin-left:90px!important; 
  }
}
.app-aside.folded,.main-nav .navside{ width:90px;margin:0!important;}
.main-nav{
  .navbar-brand{
    width:100%;height:53px;display:block;background:no-repeat center;
     @include img-retina( '../../images/mxu/logo.png', '../../images/mxu/logo-2x.png',48px, 27px);
  }
  .nav{ padding-top: 14px;}
  .nav-stacked .nav > li ,.bottom-aside .nav > li{ margin-bottom: 7px !important; height: 54px !important; border-radius: 3px;

    &.active a{ background-color: #536477 !important;}
  }

  .nav-stacked .nav > li >a,.bottom-aside .nav > li > a{ height: 54px !important; border-radius: 3px;
    //&:hover a{ background-color: #3a4b5d !important;}
  }

  .bottom-aside .nav{ padding: 14px 0 0;}

  .bottom-aside .nav > li{ padding: 0 12px;
    &:last-child{ height: 61px !important; padding: 7px 12px;}
  }
  .bottom-aside .nav > li.active{background-color: #354759 !important;}
  .nav > li > a > i{ display: block; width: 20px; height: 20px; margin:7px auto 9px;background:no-repeat center;
    @include img-retina( '../../images/mxu/nav.png', '../../images/mxu/nav-2x.png',20px, 340px);}

  .nav > li > a{
    &.content i{ background-position: 0 0;}
    &.nav_zhibo i{ background-position: 0 -40px;}
    &.nav_hudong i{ background-position: 0 -80px; }
    &.nav_mem i{background-position: 0 -120px;}
    &.nav_stat i{ background-position: 0 -160px;}
    &.nav_expand i{ background-position: 0 -200px;}
    &.nav_term i{ background-position: 0 -240px;}
    &.nav_auth i{ background-position: 0 -280px;}
    &.nav_set i{ background-position: 0 -320px;}
  }

}

.app-aside.folded,.bottom-aside{
  .nav > li > a{padding:2px 0;font-size:20px;opacity:1;
     .nav-text{ display:block;margin:-6px 0 0 0;padding:0;font-size:$fs12;color:#fff;}
  }
  .navside .nav li a:hover, .navside .nav li a:focus{
    background:#3e5267;color:#fff!important;opacity:1;
  }
  //.nav-active-primary .nav-link.active, .nav-active-primary .nav > li.active > a{
  //  background:rgba(255,255,255,.2)!important;
  //}
  .navside .nav li.active{}
  .navbar{border-bottom:1px solid rgba(120, 130, 140, 0.13);}
  .nav-stacked{  
   li{ height:50px;line-height:50px;margin-bottom:10px;line-height: normal;}
    a{ padding:8px 0;height:50px;}
  }
  .navside .nav li{border:0px;}
  .nav-icon{ height: 20px;width:100%; display:block;}
  .set-item{ border-top:1px solid rgba(120, 130, 140, 0.13)!important; }
}
.bottom-aside{
  ul{
    li{margin-bottom: 1px;}
  }
}
.hide{ display:none;}
.show{ display:block;}
/******内侧边*****/
.mxu_side_wrapper{
  .menu-wrap{ width:215px;background:#f9f9f9;padding-top:18px;
    position: absolute;
    top: 56px;
    bottom: 0;
    //left: 90px;
  }
  .title{  font-size:$fs18;font-weight:500;padding:5px 20px; }
  .tip{ line-height:17px;font-size:$fs12;color:#999;padding:0 20px;}
  .menu-content{margin-top:23px;padding-bottom:20px;
    border-bottom:1px solid #eee;
    li,a{ height:48px;line-height:48px;display:block;width:100%;cursor:pointer;}
    a{
      padding:0 20px;
      i{position: relative;top: 1px;}
      span{margin-left: 5px;}
      .icon-cebian-pindao{color: #ff8144;}
      .icon-cebian-jiemudan{color: #999a90;}
      .icon-cebian-pinglun{color: #70d1f0;}
      .icon-cebian-baoliao{color: #a79ed7;}
      .icon-cebian-toupiao{color: #b7b1aa;}
      .icon-cebian-wangzhan{color: #a5b2c9;}
      .icon-app{color: #a6937c;}
      .icon-cebian-weixin{color: #b3d465;}
      .icon-cebian-weibo{color: #f8799a;}
      .icon-cebian-yonghu{color: #88abda;}
      .icon-cebian-juese{color: #ffb652;}
      .icon-cebian-shezhi{color: #969696;}
      .icon-cebian-gongneng{color: #cfa972;}
    }
    li{
       &:hover{ background-color:rgba(221,221,221,.5)}
       &.active{background-color:$themeGreen;color:#fff;i{color: #fff;}}
    }
  }
}
.second-view{margin-left:215px;padding-bottom:30px;}
.second-footer{ position:absolute;bottom:0;right:0;}

/******面包屑*******/
.bread-crumbs{
  font-size:$fs16;color:#999;font-weight:normal;
   span{color:#525252;font-size:16px;
    &:last-child{color:#969696; 
      a{ cursor: default;}
    } 
  }
}

/******默认图片********/
.defaultImg{
  background:url(../../images/mxu/img/1.png) repeat !important;
}
.footer{
   overflow: hidden;height:50px;line-height:50px;
  .nav-link{ text-decoration: underline; text-decoration-color: #eee; color: #999;
     &:last-child{ text-decoration: none;}
  }
  .pull-right{ margin-top: -16px;}
  .nav{ margin-top: -16px;padding:0 10px;}

  .icon-hoge{ margin: 0 5px; height: 14px;width: 48px;display: inline-block;  vertical-align: middle;  position: relative;}
}

/*****分页********/
.list_bottom{ padding: 0 20px;height: 52px; line-height: 52px;
  .btn-group{ margin: 0!important;}
  .dropdown-toggle{ height: 32px;}
  .checkbox-inline,.pull-pages{font-size:12px;}
  .pull-right .btn-group.dropdown{ margin: 0 10px !important;}
  .list_page{     display: inline-block;vertical-align: top;
    .btn-group{margin-right: 10px!important;}
   }
   input[type="checkbox"]{ margin-top: 19px!important;}
  .btn-comment, .del-btn{ margin:10px 0 0 15px!important;}
}
.list_page .btn-page{
  font-size: 12px;
  font-weight: normal;
  padding: 8px 11.4px !important;
  max-height: 32px;
}
.dropdown button,.dropdown-menu,.list_page{font-size:12px;}



/**header下拉框**/
.navbar-nav{
  .dropdown-menu-scale{min-width:100px !important;}
  .col-xs-4{
    .p-a{padding:19px 18px 18px !important;}
    .material-icons{margin-bottom:10px;}
  }
}

.icon-cebian-pindao,.icon-cebian-jiemudan{margin-right:5px}


/**错误页面**/
.wrapper-error .img{
  @include img-retina( '../../images/mxu/error.png', '../../images/mxu/error-2x.png',312px, 89px);
  background-repeat: no-repeat;
  width: 624px;
  height: 178px;
  margin: 0 auto;
  background-position: center;
}